<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../jquery/jquery-3.7.1.js"></script>
		<script src="js/banner.js"></script>
		<link type="text/css" rel="stylesheet" href="css/banner.css"/>
	</head>
	<body>
		<div id="banner">
			<ul id="imgList">
				<li><a href="#"><img src="img/1.jpg"></a></li>
				<li><a href="#"><img src="img/2.webp"></a></li>
				<li><a href="#"><img src="img/3.jpg"></a></li>
				<li><a href="#"><img src="img/4.webp"></a></li>
				<li><a href="#"><img src="img/1.jpg"></a></li>
			</ul>
			<ul id="icoList">
				<li><p onclick="changeImg(1)">1</p></li>
				<li><p onclick="changeImg(2)">2</p></li>
				<li><p onclick="changeImg(3)">3</p></li>
				<li><p onclick="changeImg(4)">4</p></li>
			</ul>
			<p id="prev" onclick="prev()">《</p>
			<P id="next" onclick="next()">》</P>
		</div>
	</body>
</html>